<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03_JS函数</title>
</head>
<body>
<script>
    function f1() {
        console.log('f1被调用了！');
    }

    f1();

    function f2(n) {//形参
        console.log('f2被调用了！')
        console.log(n)
    }

    f2(10);//实参
    f2(false);
    f2('中午好！')

    //形参与实参的个数问题
    //实参个数大于形参个数，多余的实参值会被舍弃
    //实参个数小于形参个数，未被赋值的形参值为undefined
    function f3(a, b) {//形参
        console.log('f3被调用了');
        console.log(a + b);
    }

    f3(1, 2);//实参
    f3(3, 5, 7);//多个实参，只取前两个 8
    f3(3);//3+undefined=NaN 一个实参，只取一个 3

    function f4(x, y) {
        return x + y
    }

    console.log(f4(1, 2));//直接输出函数返回的结果 3
    let res = f4(3, 5);
    console.log(res)//将函数返回的结果保存在变量中，并打印 8


    var f5 = function (){
        console.log('匿名函数被调用了！')
    }
    f5();//调用函数
    console.log(f5);//f5变量保存了函数的全部内容，变量名就充当了方法名
    console.log(typeof f5);//function
</script>
</body>
</html>